import { Icon } from "@fluentui/react/lib/Icon";
import { getFileTypeIconProps } from "@fluentui/react-file-type-icons";
import { Card, Space, Table, Breadcrumb, Typography, Flex, Input } from "antd";

const DocumentPingListItem = () => {
    return (
        <Card size="small" hoverable bordered={false} style={{ width: 300 }}>
            <Space>
                <div>
                    <Icon {...getFileTypeIconProps({ extension: "docx", size: 64 })} />
                </div>
                <div>
                    <div>文件名称文件名称文件名称</div>
                    <div style={{ color: "#999" }}>文件类型</div>
                    <div style={{ color: "#999" }}>1.64 MB</div>
                </div>
            </Space>
        </Card>
    );
};

export default DocumentPingListItem;
